<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html >

<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Online View PDF</title>
<script type="text/javascript" src="http://sources.ikeepstudying.com/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.media.js"></script>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/css/progress.css">
<script type="text/javascript" src="${pageContext.request.contextPath }/js/ul.js" ></script>

<script type="text/javascript">
    $(function() {
        $('a.media').media({width:"100%", height:auto});
    });
    
</script>

</head>
 
<body>		




     
<form action="UploadServlet" name="f1" id="f1" method="post" enctype="multipart/form-data" target="if">
 <input type="file" name="file1"  />
 <br>
 <br>
 <input type="reset" name="res1" value="重置"/>
 <input type="button" name="but1" value="提交" onclick="go();"/>
</form>


  


<p class="deal" id="p1"  >
<progress value="0" max="100"   id="progress" style="height: 20px; width: 100%"></progress>
</p>
 <div  style="text-align:center;">
 <span id="prop" style="width:15px;height:15px;display: none;">0%</span>
 </div>
  <iframe id="if" name="if" src="" style="display: none"></iframe>
  
  
  
 <!-- 遍历Map集合 -->
     <c:forEach var="me" items="${fileMap}">
     <div>
         <c:url value="/DownLoadServlet" var="downurl">
             <c:param name="filename" value="${me.key}"></c:param>
         </c:url>
        <a  class="media" href="${me.key}">${me.value}</a>   <a  href="${downurl}">下载</a>
        </div>
     </c:forEach>
</body>
</html>